<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>标题</h1>
h1-h6
<a href="#">链接</a>
<p>我很认真的写了一段文字，<span style="font-size: 60px">字</span>在这里换个行 <br/> 后面是第二行了。</p>

ol有序 ul无序 dl
<ol type="i">
    <li>a</li>
    <li type="I">b</li>
    <li type="a">c</li>
    <li>d</li>
    <li>a</li>
    <li type="I">b</li>
    <li>c</li>
    <li>d</li>
</ol>

<ul type="circle">
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
    <li>a</li>
    <li>b</li>
    <li>c</li>
    <li>d</li>
</ul>

<dl>
    <dt>a</dt>
    <dd>aaa</dd>
    <dt>b</dt>
    <dd>bbb</dd>
    <dt>c</dt>
    <dd>ccc</dd>
    <dt>d</dt>
    <dd>ddd</dd>
</dl>
<div>块</div>
<table border="1px" width="80%">
    <caption>人员名单</caption>
    <tfoot>
    <tr>
        <th colspan="4">备注</th>
    </tr>
    </tfoot>
    <tbody>
    <tr>
        <td rowspan="3" align="center" valign="base">一班</td>
        <th>1号</th>
        <td>张三</td>
        <td>12</td>
    </tr>
    <tr>
        <th>2号</th>
        <td>李四</td>
        <td>18</td>
    </tr>
    <tr>
        <th>3号</th>
        <td>王叔叔</td>
        <td>28</td>
    </tr>
    </tbody>
    <thead>
    <tr>
        <th>班级</th>
        <th>编号</th>
        <td>姓名</td>
        <td>年龄</td>
    </tr>
    </thead>
</table>
</body>
</html>